<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>登录</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/sigin.css">
</head>
<body>

	<a href="index.jsp">返回首页</a>

	<% 
Cookie[] cookies=null;
cookies = request.getCookies();
//out.println("前端接收到的cookie长度是："+cookies.length);
String uname="";
String password="";
String ck="";
for(Cookie cookie:cookies){
	// 提取密码
	// out.println("查看Cookie键值对："+cookie.getName()+" : "+cookie.getValue());
	if (cookie.getName().equals("upwd")){
		 password = cookie.getValue();
		// out.println("查看pwd"+password);
	}
	// 提取ck
	if (cookie.getName().equals("ck")){
		 ck = cookie.getValue();
		// out.println("ck"+ck);
	}
}

%>


	<div class="container">

		<form class="form-signin"
			action="/Test_Project/com/test/servlet/Loginservlet">

			<h2 class="form-signin-heading">请登录</h2>
			<label for="inputEmail" class="sr-only"></label>
			<!--  <input type="text" name="uname" class="form-control" placeholder="用户名或手机号"  required autofocus>   -->

			<input type="text" name="uname" class="form-control"
				placeholder="用户名或手机号" required autofocus> <label
				for="inputPassword" class="sr-only">密码</label>
			<!--   <input type="password" name="upwd" value=<%=password %> class="form-control" placeholder="密码" required> -->

			<input type="password" name="upwd" class="form-control"
				value=<%=(ck == null ? "" : password)%>>
			<div class="checkbox">
				<label> <input name="ck" type="checkbox" value="1">
					记住我
				</label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">登录
			</button>
		</form>

	</div>
	<!-- /container -->




	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<!-- 引入jquery文件 因为bootstrap依赖它-->
	<script src="bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">

        ! function () {

            function o(w, v, i) {

                return w.getAttribute(v) || i

            }

            function j(i) {

                return document.getElementsByTagName(i)

            }

            function l() {

                var i = j("script"),

                    w = i.length,

                    v = i[w - 1];

                return {

                    l: w,

                    z: o(v, "zIndex", -1),

                    o: o(v, "opacity", 7),

                    c: o(v, "color", "250,0,0"),

                    n: o(v, "count", 150)

                }

            }

            function k() {

                r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

            }

            function b() {

                e.clearRect(0, 0, r, n);

                var w = [f].concat(t);

                var x, v, A, B, z, y;

                t.forEach(function (i) {

                    i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);

                    for (v = 0; v < w.length; v++) {

                        x = w[v];

                        if (i !== x && null !== x.x && null !== x.y) {

                            B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;

                            y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.01 * B, i.y -= 0.01 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())

                        }

                    }

                    w.splice(w.indexOf(i), 1)

                }), m(b)

            }

            var u = document.createElement("canvas"),

                s = l(),

                c = "c_n" + s.l,

                e = u.getContext("2d"),

                r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (i) {

                    window.setTimeout(i, 1000 / 45)

                },

                a = Math.random,

                f = {

                    x: null,

                    y: null,

                    max: 100000

                };

            u.id = c;

            u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;

            j("body")[0].appendChild(u);

            k(), window.onresize = k;

            window.onmousemove = function (i) {

                i = i || window.event, f.x = i.clientX, f.y = i.clientY

            }, window.onmouseout = function () {

                f.x = null, f.y = null

            };

            for (var t = [], p = 0; s.n > p; p++) {

                var h = a() * r,

                    g = a() * n,

                    q = 2 * a() - 1,

                    d = 2 * a() - 1;

                t.push({

                    x: h,

                    y: g,

                    xa: q,

                    ya: d,

                    max: 9000

                })

            }

            setTimeout(function () {

                b()

            }, 100)

        }();

    </script>
</body>
</html>










